<template>
	<view>
		<view class="dao" v-show="ishou">
			<view class="hang">
				
			
			<view class="left">
				<text class="iconfont icon-xiangzuojiantou"></text>
			</view>
			<view class="center">
				
			</view>
			<view class="right"  @click="Toggle">
				密码登录
			</view>
			
		</view>
		<view class="logio">
			<image src="https://s2.loli.net/2024/11/23/JaqR7iHSVG1kD4o.png" mode=""></image>
			<view class="log-rig">
				<view class="con_">
					乐康养老
				</view>
				<view class="con txt">
					LeKangCareSystem
				</view>
			</view>
		</view>
		<view class="cneter">
			<view class="content">
				<view class="input">
					<input type="text" placeholder="请输入手机号"/>
				</view>
			<view class="input">
				<input type="text" placeholder="请输入验证码"/>
				<view class="yan">
					获取验证码
				</view>
			</view>
			</view>
			<view class="but">
				登录
			</view>
			<view class="annotation">
					<checkbox-group>
									<label>
										<checkbox value="cb" checked="true" color="#0c5ef4" style="transform:scale(0.7)" />
									</label>
									</checkbox-group>
									<view class="cont">
										我已阅读并同意《乐康养老用户协议》《隐私政策》
									</view>
			</view>
			<view class="rig">
			忘记密码	
			</view>
		</view>
		</view>
				<view class="dao" v-show="!ishou">
					<view class="hang">
						
					
					<view class="left">
						<text class="iconfont icon-xiangzuojiantou"></text>
					</view>
					<view class="center">
						
					</view>
					<view class="right"  @click="Toggle">
						短信登录
					</view>
					
				</view>
				<view class="logio">
					<image src="https://s2.loli.net/2024/11/23/JaqR7iHSVG1kD4o.png" mode=""></image>
					<view class="log-rig">
						<view class="con_">
							乐康养老
						</view>
						<view class="con txt">
							LeKangCareSystem
						</view>
					</view>
				</view>
				<view class="cneter">
					<view class="content">
						<view class="input">
							<input type="text" placeholder="请输入账号"/>
						</view>
					<view class="input">
						<input type="text" placeholder="请输入密码"/>
						<view class="iconfont icon-biyanjing">
							
						</view>
					</view>
					</view>
					<view class="but">
						登录
					</view>
					<view class="annotation">
							<checkbox-group>
											<label>
												<checkbox value="cb" checked="true" color="#0c5ef4" style="transform:scale(0.7)" />
											</label>
											</checkbox-group>
											<view class="cont">
												我已阅读并同意《乐康养老用户协议》《隐私政策》
											</view>
					</view>
					<view class="rig">
					忘记密码	
					</view>
				</view>
				</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ishou:false
			};
		},
		methods:{
			Toggle(){
				this.ishou=!this.ishou
			}
		}
	}
</script>

<style lang="less">
 @import url(./login.less);
</style>
